

<template>
<div>
  <input type="text" :value="modelValue" @input="handleChange">
</div>
</template>
<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    modelValue: string
  }>(),
  {
    modelValue: ''
  }
)
const emits = defineEmits(['update:modelValue'])
const handleChange = (e)=>{
  emits('update:modelValue', e.target.value)
}
</script>
<style scoped>

</style>
